<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>
        注册 - Fly社区
    </title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_aw93q7mhbm7k3xr.css">
    <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css">
    <link rel="stylesheet" href="__PUBLIC__/css/global.css">
</head>

<body>
<div class="header">
    <div class="main">
        <a class="logo" href="/" title="Fly">
            Fly社区
        </a>

        <div class="nav">
            <a href="/jie/">
                <i class="iconfont icon-wenda">
                </i>
                讨论
            </a>
            <a href="/case/2017/">
                <i class="iconfont icon-iconmingxinganli" style="top: 2px;">
                </i>
                案例
            </a>
            <a href="http://www.layui.com/">
                <i class="iconfont icon-ui">
                </i>
                框架
            </a>
        </div>
        <div class="nav-user">
            <a class="unlogin" href="/user/login/">
                <i class="iconfont icon-touxiang">
                </i>
            </a>
                    <span>
                        <a href="/user/login/">
                            登入
                        </a>
                        <a href="/user/reg/">
                            注册
                        </a>
                    </span>

            <p class="out-login">
                <a href="http://fly.layui.com:8098/app/qq"
                   onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})"
                   class="iconfont icon-qq" title="QQ登入">
                </a>
                <a href="http://fly.layui.com:8098/app/weibo/"
                   onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})"
                   class="iconfont icon-weibo" title="微博登入">
                </a>
            </p>
        </div>
    </div>
</div>
<div class="main layui-clear">
    <div class="fly-panel fly-panel-user" pad20>
        <div class="layui-tab layui-tab-brief" lay-filter="user">
            <ul class="layui-tab-title">
                <li>
                    <a href="/user/login/">
                        登入
                    </a>
                </li>
                <li class="layui-this">
                    注册
                </li>
            </ul>
            <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
                <div class="layui-tab-item layui-show">
                    <div class="layui-form layui-form-pane">
                        <form method="post">
                            <div class="layui-form-item">
                                <label for="L_email" class="layui-form-label">
                                    邮箱
                                </label>

                                <div class="layui-input-inline">
                                    <input type="text" id="L_email" name="email" required lay-verify="email"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-form-mid layui-word-aux">
                                    将会成为您唯一的登入名
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label for="L_username" class="layui-form-label">
                                    昵称
                                </label>

                                <div class="layui-input-inline">
                                    <input type="text" id="L_username" name="nickname" required lay-verify="required"
                                           autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label for="L_pass" class="layui-form-label">
                                    密码
                                </label>

                                <div class="layui-input-inline">
                                    <input type="password" id="L_pass" name="password" required lay-verify="required"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-form-mid layui-word-aux">
                                    6到16个字符
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label for="L_repass" class="layui-form-label">
                                    确认密码
                                </label>

                                <div class="layui-input-inline">
                                    <input type="password" id="L_repass" name="repassword" required
                                           lay-verify="required"
                                           autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label for="L_vercode" class="layui-form-label">
                                    人类验证
                                </label>

                                <div class="layui-input-inline">
                                    <input type="text" id="L_vercode" name="verify" required lay-verify="required"
                                           placeholder="请回答后面的问题" autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-form-mid">
                                            <span style="color: #c00;">
                                                <?php echo $question ?>
                                            </span>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <button class="layui-btn" lay-filter="reg" lay-submit>
                                    立即注册
                                </button>
                            </div>
                            <div class="layui-form-item fly-form-app">
                                        <span>
                                            或者直接使用社交账号快捷注册
                                        </span>
                                <a href="http://fly.layui.com:8098/app/qq"
                                   onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})"
                                   class="iconfont icon-qq" title="QQ登入">
                                </a>
                                <a href="http://fly.layui.com:8098/app/weibo/"
                                   onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})"
                                   class="iconfont icon-weibo" title="微博登入">
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <p>
        <a href="http://fly.layui.com/">
            Fly社区
        </a>
        2017 &copy;
        <a href="http://www.layui.com/">
            layui.com
        </a>
    </p>

    <p>
        <a href="http://fly.layui.com/jie/3147.html" target="_blank">
            产品授权
        </a>
        <a href="http://fly.layui.com/jie/8157.html" target="_blank">
            获取Fly社区模版
        </a>
        <a href="http://fly.layui.com/jie/2461.html" target="_blank">
            微信公众号
        </a>
    </p>
</div>
<script src="__PUBLIC__/layui/layui.js"></script>
<script type="text/javascript">
    layui.use(['form', 'jquery'], function () {
        var form = layui.form()
                , layer = layui.layer,
                $ = layui.jquery;

        //监听提交

        form.on('submit(reg)', function (data) {
            // console.log(data);
            $.ajax({
                        url: '{:U('home / reg / checkdata
            ')}',
                    type
            :
            'POST',
                    dataType
            :
            'json',
                  data
            :
            data.field,
        })
            .
            done(function (respones) {
                if (respones.error == 1) {
                    layer.msg(respones.info, function () {
                            }
                    );
                } else {
                    layer.alert(respones.info, {icon: 6}, function () {
                        location.replace('{:U('
                        home / login / index
                        ')}'
                        )
                    });
                }
            })
                    .fail(function () {
                        console.log("error");
                    })


            return false;
        });


    });


</script>

</body>

</html>